<template>
	<button class="btn btn-self">{{value}}</button>
</template>
<script type="text/javascript">
	export default {
	  name: 'button',
	  props:['value']
	}
</script>
<style scoped>
	.btn-self {
		color:white;
		border-radius:15px;
		background-color: rgba(251, 125, 155, 1);
		width: 140px;
		height:40px;
		text-align: center;
		border:none;
		outline: none;
	}
	.btn-self:hover{
		background-color: rgba(225, 81, 115, 0.65);
	}

</style>